@media screen and (min-width: 1200px) {
.wall{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:45vw;
	background:center;
	width:100%;
	
}
@-webkit-keyframes STAR-MOVE {
	from {
		background-position:0% 0%
	}
	to { 
		background-position: 600% 0%
	}
}
 @keyframes STAR-MOVE {
	from {
		background-position: 0% 600%
	}
	to { 
		background-position: 0% 0%
	}
}
	}

@media screen and (max-width: 1200px) {
.wall{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height:45vw;
	background:center;
	width:100%;
	
}
@-webkit-keyframes STAR-MOVE {
	from {
		background-position:500% 0%
	}
	to { 
		background-position: 0% 0%
	}
}
 @keyframes STAR-MOVE {
	from {
		background-position: 0% 0%
	}
	to { 
		background-position: 0% 500%
	}
}
	}
.xingp{
	width:100%;
	z-index:9;}

div#background{
	background:;
	width:100%;
	z-index:9;
	/*background-size: cover;*/

}
div#background img{
	width:100%;}
div#midground{
	width:100%;
	background:url('midground.png')repeat 20% 0%;
	z-index: 1;
	-webkit-animation: STAR-MOVE  100s linear infinite;
	-moz-animation: STAR-MOVE  100s linear infinite;
	-ms-animation: STAR-MOVE  100s linear infinite;
	animation: STAR-MOVE  100s linear infinite;
	z-index:99;
}
div#foreground{
	width:100%;
	background:url('foreground.png')repeat 35% 0%;
	z-index: 2;
	-webkit-animation: STAR-MOVE  50s linear infinite;
	-moz-animation: STAR-MOVE  50s linear infinite;
	-ms-animation: STAR-MOVE  50s linear infinite;
	animation: STAR-MOVE  50s linear infinite;
	z-index:99;
}